<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>11.4作业小米SU7</title>
	</head>
	<style>
		div.product_card{
			width:200px;
			height: 400px;;
			border: 1px solid #000;
			margin:0 auto;
			margin-top: 175px;
			padding:10px;
			box-shadow: 0 2px 4px #606060;
			text-align: center;
		}
		.product_card img{
			width:100%;
			height:auto;
		}
		.price{
			color:red;
			font-weight: bold;
		}
		.gray-text{
			color:gray;
		}
	</style>
	<body>
		<div class="product_card">
			<img src="img/小米su7.jpg" alt="小米su7">
			<h3>小米SU7</h3>
			<p class="price">¥279999.00</p>
			<p class="gray-text">已有 10万+ 人评价</p>
		</div>
	</body>
</html>